<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>骑龙物流---欢迎你的到来！</title>

    <link rel="stylesheet" href="../../../static/css/consumer/index.css">

    <link href="https://cdn.bootcdn.net/ajax/libs/font-awesome/5.15.3/css/all.css" rel="stylesheet">

    <!-- use owl -->
    <link rel="stylesheet" href="../../../static/css/consumer/owl.carousel.min.css">
    <link rel="stylesheet" href="../../../static/css/consumer/owl.theme.default.css">

    <!-- use aos -->
    <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />


    <link rel="stylesheet" href="../../../static/css/consumer/common.css">
</head>
<body>
<!---------------------- Navigation section ------------------------>
<jsp:include page="common/header.jsp"/>
<!------------x---------- 导航------------x------------>

<!---------------------- 主要部分 ------------------------>
<main>
    <!---------------------- 标题部分 ------------------------>
    <section class='site-title'>
        <div class="site-background">
            <h3 style="color:black ; font-size:50px">安全 & 快速</h3>
            <h1 style="color:black ; font-size:50px">Everywhere in China</h1>
            <button class='btn'><a href="${pageContext.request.contextPath}/userDot/allDot">查看服务网点</a></button>
            <!---------------------- 链接到服务网点------------------------>
        </div>
    </section>
    <!-----------x----------- site title section ---------------x--------->

    <!----------------------  ------------------------>

    <!------------x---------- 导航------------x------------>



    <!---------------------- 服务 栏------------------------>
    <style>
        h1 {
            font-size: 60px;
            text-align: center;
        }
    </style>

    <h1>服务指南</h1>

    <!------------x---------- 导航------------x------------>
    <!---------------------- 轮播部分 ------------------------>
    <section class="container">

        <div class="blog">
            <div class="owl-carousel owl-theme blog-post ">
                <div class="blog-content"  data-aos="fade-right"  data-aos-delay="200">
                    <img src="../../../static/image/account/assets/Blog-post/post-1.jpg" alt="post-1">
                    <div class="blog-title">
                        <h3>运单追踪</h3>
                        <h4>点击下方查询，查询您的订单信息</h4>
                        <button class="btn btn-blog"><a href="${pageContext.request.contextPath}/userTrack/toUserTrack">查询</a></button>
                        <span>Order query</span>
                    </div>
                </div>

                <div class="blog-content" data-aos="fade-in"  data-aos-delay="200">
                    <img src="../../../static/image/account/assets/Blog-post/post-2.jpg" alt="post-2">
                    <div class="blog-title">
                        <h3>我要寄件</h3>
                        <h4>请点击下方寄件，填写信息</h4>
                        <button class="btn btn-blog"><a href="${pageContext.request.contextPath}/UserLogist/toBilljsp" target="_blank">寄件</a></button>
                        <span>Mail</span>
                    </div>
                </div>

                <div class="blog-content" data-aos="fade-left"  data-aos-delay="200">
                    <img src="../../../static/image/account/assets/Blog-post/post-3.jpg" alt="post-3">
                    <div class="blog-title">
                        <h3>运费时效查询</h3>
                        <h4>请点击查询，查询您关心的运费时效</h4>
                        <button class="btn btn-blog"><a href="${pageContext.request.contextPath}/userFreight/toFreight">查询</a></button>
                        <span>Freight prescription</span>
                    </div>
                </div>

                <div class="blog-content" data-aos="fade-right"  data-aos-delay="200">
                    <img src="../../../static/image/account/assets/Blog-post/post-5.jpg" alt="post-5">
                    <div class="blog-title">
                        <h3>我的订单</h3>
                        <h4>请点击查询，查看自己所有的订单</h4>
                        <button class="btn btn-blog"><a href="${pageContext.request.contextPath}/UserLogist/toAllBill">查看</a></button>
                        <span>My order</span>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-----------x----------- 轮播部分 -------------x----------->
    <!---------------------- 服务 栏------------------------>
    <style>
        h1 {
            font-size: 60px;
            text-align: center;
        }
    </style>
    </head>
    <body>
    <h1>物流服务介绍</h1>

    </body>
    <!------------x---------- 导航------------x------------>


    <!---------------------- 站点内容部分 ------------------------>
    <!--x 左半部分 -->
    <section class="container">
        <div class="site-content">
            <!-- left content -->
            <div class="posts">
                <div class="post-content" data-aos="zoom-in"  data-aos-delay="200">
                    <div class="post-image">
                        <style>
                            h2{
                                font-size: 20px;
                                text-align: center;
                            }
                        </style>

                        <h2>新闻资讯</h2>

                        <div>
                            <img src="../../../static/image/account/assets/Blog-post/blog1.png" alt="">
                        </div>
                        <div class="post-info flex-row">

                               <span>
                                   <i class="fa fa-user text-gray" aria-hidden="true"></i>&nbsp;&nbsp;
								   长三角港口群集装箱年吞吐量突破1亿标箱
                               </span>

                        </div>
                    </div>

                    <div class="post-title">
                        <a href="#">
                            近日，记者从上海组合港管理委员会办公室获悉，2021年年初至今，长三角港口集装箱吞吐量已突破1亿标箱，标志着长三角世界级港口群建设取得重要阶段性成果，上海国际航运中心服务能级进一步提升，港航业为长三角更高质量一体化发展提供了更加强有力的支撑。
                        </a>
                        <p>
                        </p>
                        <button class='btn post-btn'>Read More &nbsp;<i class="fa fa-arrow-right" aria-hidden="true"></i></button>
                    </div>
                </div>
                <hr>



                <div class="post-content" data-aos="zoom-in"  data-aos-delay="200">
                    <div class="post-image">
                        <div>
                            <img src="../../../static/image/account/assets/Blog-post/blog4.png" alt="">
                        </div>
                        <div class="post-info flex-row">
                               <span>
                                   <i class="fa fa-user text-gray" aria-hidden="true"></i>&nbsp;&nbsp;交通运输部六大举措强化道路运输服务系统建设
                               </span>

                        </div>

                    </div>

                    <div class="post-title">
                        <a href="#">
                            为深化“放管服”改革，推进政务服务“跨省通办”，近日，交通运输部修订印发《互联网道路运输便民政务服务系统业务办理工作指南》(简称《工作指南》)和配套的《互联网道路运输便民政务服务系统建设应用技术要求》，进一步提升道路运输从业人员和经营者网上便民办事服务水平。
                        </a>
                        <p></p>
                        <button class='btn post-btn'>Read More &nbsp;<i class="fa fa-arrow-right" aria-hidden="true"></i></button>
                    </div>
                </div>

            </div>

            <!--x left content x -->

            <!-- right content -->
            <aside class="sidebar">
                <div class="category">

                    <style>
                        h3{
                            font-size: 20px;
                            text-align: center;
                        }
                    </style>
                    </head>
                    <h3>服务项目</h3>
                    <ul class="category-list">
                        <li class="list-item" data-aos="fade-left"  data-aos-delay="100">
                            <a href="#">快递服务</a>
                            <span>(更多)</span>
                        </li>
                        <li class="list-item" data-aos="fade-left"  data-aos-delay="200">
                            <a href="#">快运服务</a>
                            <span>(更多)</span>
                        </li>
                        <li class="list-item" data-aos="fade-left"  data-aos-delay="300">
                            <a href="#">冷运服务</a>
                            <span>(更多)</span>
                        </li>
                        <li class="list-item" data-aos="fade-left"  data-aos-delay="400">
                            <a href="#">医药服务</a>
                            <span>(更多)</span>
                        </li>
                        <li class="list-item" data-aos="fade-left"  data-aos-delay="500">
                            <a href="#">国际服务</a>
                            <span>(更多)</span>
                        </li>
                    </ul>
                </div>
                <div class="popular-post">
                    <h2>公告</h2>
                    <div class="post-content" data-aos="flip-up"  data-aos-delay="200">
                        <div class="post-image">
                            <div>
                                <img src="../../../static/image/account/assets/popular-post/m-blog-1.jpg" alt="">
                            </div>
                            <div class="post-info flex-row">
                                   <span>
                                       <i class="fa fa-calendar" aria-hidden="true"></i>&nbsp;&nbsp;${notice1.noticeDate}
                                   </span>
                                <span>
                                   </span>
                            </div>
                        </div>
                        <div class="post-title">
                            <a href="${pageContext.request.contextPath}/userNotice/noticeInfo/${notice1.noticeId}">${notice1.noticeTopic}
                            </a>
                        </div>
                    </div>
                    <div class="post-content" data-aos="flip-up"  data-aos-delay="300">
                        <div class="post-image">
                            <div>
                                <img src="../../../static/image/account/assets/popular-post/m-blog-2.jpg" alt="">
                            </div>
                            <div class="post-info flex-row">
                                   <span>
                                       <i class="fa fa-calendar" aria-hidden="true"></i>&nbsp;&nbsp;${notice2.noticeDate}
                                   </span>

                                <span>

                                   </span>
                            </div>
                        </div>
                        <div class="post-title">
                            <a href="${pageContext.request.contextPath}/userNotice/noticeInfo/${notice2.noticeId}">${notice2.noticeTopic}</a>
                        </div>
                    </div>
                    <div class="post-content" data-aos="flip-up"  data-aos-delay="400">
                        <div class="post-image">
                            <div>
                                <img src="../../../static/image/account/assets/popular-post/m-blog-3.jpg" alt="">
                            </div>
                            <div class="post-info flex-row">
                                   <span>
                                       <i class="fa fa-calendar" aria-hidden="true"></i>&nbsp;&nbsp;${notice3.noticeDate}
                                   </span>
                                <span>

                                   </span>
                            </div>
                        </div>
                        <div class="post-title">
                            <a href="${pageContext.request.contextPath}/userNotice/noticeInfo/${notice3.noticeId}">${notice3.noticeTopic}</a>
                        </div>
                    </div>
                </div>
            </aside>
            <!--x right content x-->
        </div>
    </section>
    <!---------------------- site content section ------------------------>

</main>

<!-- 底部模块的制作 start -->
<jsp:include page="common/footer.jsp"/>
<!-- 底部模块的制作 end -->
<!-----------x----------- main section -------------x----------->

<!-- jquery -->
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.js"></script>
<script src="../../../static/js/userIndex/owl.carousel.min.js"></script>
<script src="https://unpkg.com/aos@next/dist/aos.js"></script>
<script src="../../../static/js/userIndex/main.js"></script>


</body>
</html>